* {
  padding: 0;
  margin: 0;
}

ul {
  list-style-type: none;
}

.box {
  position: relative;
  width: 158px;
  height: 398px;
  margin-left: 50px;
  margin-top: 50px;
  overflow: hidden;
}
ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 400%;
  height: 100%;
}
li {
  float: left;
  width: 158px;
  height: 100%;
}
li:nth-child(1) {
  background-color: pink;
}
li:nth-child(2) {
  background-color: purple;
}
li:nth-child(3) {
  background-color: aqua;
}
li:nth-child(4) {
  background-color: pink;
}
